<template>
  <!-- 详情开始 -->
  <a-modal
    :maskClosable="false"
    title="招标采购申请详情"
    :width="1350"
    :bodyStyle="{
      padding: '0 24px'
    }"
    :visible="visible"
    @cancel="handleCancel"
    cancelText="关闭">
    <erp-purchase-apply-invitation-form ref="realForm" :disabled="true" normal/>
    <template slot="footer">
      <a-button @click.stop="handleCancel">关闭</a-button>
    </template>
  </a-modal>
  <!-- 详情结束 -->
</template>

<script>

  import { getAction } from '@/api/manage'
  // import ErpOmcTenderFileForm from '@/views/erp/omc/tender/modules/ErpOmcTenderFileForm'
  // import ErpPurchaseApplyFormForm from '@/views/erp/purchase/procurement/modules/ErpPurchaseApplyFormForm'
  import ErpPurchaseApplyInvitationForm from '@/views/erp/purchase/procurement/modules/ErpPurchaseApplyInvitationForm'

  export default {
    name: 'ErpPurchaseApplyInvitationPenetrate',
    components: {
      // ErpPurchaseApplyFormForm
      ErpPurchaseApplyInvitationForm
    },
    props: [],
    data() {
      return {
        title: '招标采购申请详情',
        url: {
          queryById: '/api/erp/purchase/procurement/erpPurchaseApplyInvitation/queryById',
        },
        dataSource: [],
        loading: false,
        visible: false,
      }
    },
    created() {
      // 加载数据字典信息
      this.initDictConfig();
    },
    computed: {
    },
    methods: {
      initDictConfig() {
      },
      // 加载表单
      initData(id){
        getAction(this.url.queryById,{id:id}).then(res=>{
          if(!!res&&!!res.result){
            this.$refs.realForm.edit(res.result);
          }
        })
      },
      refresh() {
        this.loading = true
      },
      handleCancel() {
        this.visible = false;
      },
      handleOk() {
        this.handleCancel();
      },
    }
  }
</script>
<style scoped>
  .ant-card-body .table-operator {
    margin-bottom: 18px;
  }

  .ant-table-tbody .ant-table-row td {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .anty-row-operator button {
    margin: 0 5px
  }

  .ant-btn-danger {
    background-color: #ffffff
  }

  .ant-modal-cust-warp {
    height: 100%
  }

  .ant-modal-cust-warp .ant-modal-body {
    height: calc(100% - 110px) !important;
    overflow-y: auto
  }

  .ant-modal-cust-warp .ant-modal-content {
    height: 90% !important;
    overflow-y: hidden
  }

  .anty-img-wrap {
    height: 25px;
    position: relative;
  }

  .anty-img-wrap > img {
    max-height: 100%;
  }

</style>